<template>
	<view class="content">
		<view class="tips">请选择投诉该账号的原因:</view>
		<u-cell-group class="group">
			<u-cell :title="item.name" :url="`/pages/index/detail?cate=${item.id}`" :isLink="true" v-for="(item,index) in list" :key="item.id"></u-cell>
		</u-cell-group>
		<view class="phone">
			投诉电话：<text @click="call('400-609-9920')">400-609-9920</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{id:1,name:"发布不适当内容对我造成骚扰"},
					{id:2,name:"存在欺诈骗钱行为"},
					{id:3,name:"此账号可能被盗用了"},
					{id:4,name:"存在侵权行为(侵犯知识产权，人身权)"},
					{id:5,name:"发布仿冒品信息"},
					{id:6,name:"冒充他人"},
					{id:7,name:"侵犯未成年人权益"},
					{id:8,name:"聊天过程中，客服态度不好"},
					{id:9,name:"其他投诉与宝贵建议"}
				]
			}
		},
		methods:{
			call(phone) {
				uni.makePhoneCall({phoneNumber:phone})
			}
		}
	}
</script>

<style lang="scss">
	::v-deep .u-cell__body {
		padding-left: 0;
		padding-right: 0;
	}
	::v-deep .u-cell__title .u-cell__title-text {
		font-size: 30rpx;
	}
	.content {
		padding: 0 20rpx;
		overflow: hidden;
	}
	.tips {
		font-size: 26rpx;
		color: #818181;
		margin:30rpx 0;
	}
	.phone {
		margin-top: 60rpx;
		text-align: center;
		font-size: 28rpx;
		text {
			color: #0c8aff;
		}
	}
</style>
